<div id="content_header">
  <h3>Student Registration</h3>
</div>

<div class="row row-unstyled">
  <div class="col-md-12">
    <label>SEARCH</label>
  </div>
</div>

<div class="row">
  <div class="col-md-6">
    <form class="form-vertical">
      <div class="input-group">
        <input class="form-control" type="text" name="keyword" placeholder="Type Name to search" ng-model="searchText">
        <span class="input-group-addon">Find!</span>
      </div>
      <!-- <div class="input-group">
        <a href="" ng-click="groupBy('month')">Month</a>&nbsp;
        <a href="" ng-click="groupBy('CT')">Course Types</a>
      </div> -->
    </form>
  </div>
  <div class="col-md-6">
    <a ui-sref="^.new" class="btn btn-primary">Register a student</a>
  </div>
</div>

<br>

<div class="row">
  <div class="col-md-12">
    <label>RESULTS</label>
    <div class="search-message">
      Found <span class="primary-color"><b>{{ (pt | filter:searchText).length }}</b></span> matched records
    </div>
  </div>
</div>

<!-- <div class="row" ng-repeat="(group, item) in groups">
  <h4>{{ group }} <small><ng-pluralize count="item.length" when="participantForms"></ng-pluralize></small></h4>
  <ul class="twoCollumns">
    <li ng-repeat="ptItem in item | filter: searchText">
      <div class="media">
        <a class="pull-left" href="#">
          <div class="media-object" data-src="holder.js/64x64" alt="64x64" style="width: 48px; height: 48px; background-color: #95A5A6;"></div>
        </a>
        <div class="media-body">
          <a ui-sref="^.show({id: $index})"><h4 class="media-heading">{{ students[ptItem.Id].FullName }}</h4></a>
          <p class="text-muted">
            <small>
              {{ courseTypes[ptItem.CourseTypeId].CourseName }} - {{ ptItem.Date | date:'longDate' }} at {{ ptItem.Time }}
            </small>
          </p>
        </div>
      </div>
    </li>
  </ul>
  <hr>
</div> -->

<div class="row">
  <ul class="twoCollumns">
    <li ng-repeat="item in studentCourseSchedules | filter: searchText">
      <div class="media">
        <a href="#" class="pull-left">
          <div class="media-object" data-src="holder.js/64x64" alt="64x64" style="width: 48px; height: 48px; background-color: #95A5A6;"></div>
        </a>
        <div class="media-body">
          <a ui-sref="students.show({id: item.Id})"><h4 class="media-heading">{{ item.Student.FullName }}</h4></a>
          <p class="text-muted">
            <small>
              Registered to {{ item.CourseSchedule.Course.CourseType.Code }} - {{ item.CourseSchedule.Course.CourseName }}
            </small>
          </p>
        </div>
      </div>
    </li>
  </ul>
</div>